<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>我的中心</title>
  <link rel="stylesheet" href="css/weui.css"/>
  <link rel="stylesheet" href="css/weuix.css"/>
  <link rel="stylesheet" href="css/style.css">


  <script src="js/common/zepto.min.js"></script>
  <script src="js/common/zepto.weui.js"></script>
  <script src="js/common/common.js"></script>
</head>
<body ontouchstart>

    <div class="weui-flex head-con">
        <div class="weui-flex__item weui-flex__item_left"><div class="placeholder"><a href="#"><span class="icon icon-109"></span></a></div></div>
        <div class="weui-flex__item"><div class="placeholder">我的中心</div></div>
        <div class="weui-flex__item weui-flex__item_right"><div class="placeholder"><a href="#"><span class="icon icon-40"></span></a></div></div>
    </div>

    <div style="height:48px;"></div>

    <div class="mine-top">
        <div class="weui-avatar-circle">
            <img src="images/user.jpg">
        </div>
        <p>昵称</p>
    </div>

    <div class="weui-grids"  >
        <a href="order.html" class="weui-grid js_grid" >
            <div class="weui-grid__icon">
                <img src="images/icon/icon_nav_msg.png" alt="">
            </div>
            <p class="weui-grid__label">
                我的订单
            </p>
        </a>
        <a href="wallet.html" class="weui-grid js_grid"  >
            <div class="weui-grid__icon">
                <img src="images/icon/icon_nav_button.png" alt="">
            </div>
            <p class="weui-grid__label">
                我的钱包
            </p>
        </a>
        <a href="cart.html" class="weui-grid js_grid" >
            <div class="weui-grid__icon">
                <img src="images/icon/icon_nav_article.png" alt="">
            </div>
            <p class="weui-grid__label">
                我的购物车
            </p>
        </a>
        <a href="coupons.html" class="weui-grid js_grid" >
            <div class="weui-grid__icon">
                <img src="images/icon/icon_nav_cell.png" alt="">
            </div>
            <p class="weui-grid__label">
                领劵中心
            </p>
        </a>
        <a href="evaluation.html" class="weui-grid js_grid" >
            <div class="weui-grid__icon">
                <img src="images/icon/icon_nav_dialog.png" alt="">
            </div>
            <p class="weui-grid__label">
                我的评价
            </p>
        </a>
        <a href="collect.html" class="weui-grid js_grid" >
            <div class="weui-grid__icon">
                <img src="images/icon/icon_nav_progress.png" alt="">
            </div>
            <p class="weui-grid__label">
                我的收藏
            </p>
        </a>
        <a href="coupons.html" class="weui-grid js_grid" >
            <div class="weui-grid__icon">
                <img src="images/icon/icon_nav_actionSheet.png" alt="">
            </div>
            <p class="weui-grid__label">
                电子兑换码
            </p>
        </a>
        <a href="coupons.html" class="weui-grid js_grid" >
            <div class="weui-grid__icon">
                <img src="images/icon/icon_nav_icons.png" alt="">
            </div>
            <p class="weui-grid__label">
                大礼包
            </p>
        </a>
        <a href="dynamic_list.html" class="weui-grid js_grid" >
            <div class="weui-grid__icon">
                <img src="images/icon/icon_nav_panel.png" alt="">
            </div>
            <p class="weui-grid__label">
                我的动态
            </p>
        </a>
        <a href="about.html" class="weui-grid js_grid" >
            <div class="weui-grid__icon">
                <img src="images/icon/icon_nav_tab.png" alt="">
            </div>
            <p class="weui-grid__label">
                关于我们
            </p>
        </a>
        <a href="javascript:;" class="weui-grid js_grid" >
            <div class="weui-grid__icon">
                <img src="images/icon/icon_nav_toast.png" alt="">
            </div>
            <p class="weui-grid__label">
                客服小蜜
            </p>
        </a>
        <a href="product.html" class="weui-grid js_grid" >
            <div class="weui-grid__icon">
                <img src="images/icon/icon_nav_search_bar.png" alt="">
            </div>
            <p class="weui-grid__label">
                我的搜索
            </p>
        </a>
    </div>

    <div style="background:#eee;">
        <div class="weui-cells">
            <a class="weui-cell weui-cell_access" href="article_list.html">
                <div class="weui-cell__bd">
                    <p>收藏文章</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
            <a class="weui-cell weui-cell_access" href="problem.html">
                <div class="weui-cell__bd">
                    <p>我的问题</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
        </div>
    
        <div class="weui-cells">
            <a class="weui-cell weui-cell_access" href="product.html">
                <div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                <div class="weui-cell__bd">
                    <p>浏览记录</p>
                </div>
                <div class="weui-cell__ft">更多</div>
            </a>
            <a class="weui-cell weui-cell_access" href="coupons.html">
                <div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
                <div class="weui-cell__bd">
                    <p>优惠券</p>
                </div>
                <div class="weui-cell__ft">更多</div>
            </a>
        </div>
    </div>

    <!-- 底部版权信息 -->
    <div class="weui-footer">
        <p class="weui-footer__links">
            <a href="javascript:void(0);" class="weui-footer__link">底部链接</a>
            <a href="javascript:void(0);" class="weui-footer__link">底部链接</a>
        </p>
        <p class="weui-footer__text">Copyright © 2008-2016</p>
    </div>

    <div style="height:55px;"></div>

    <!-- 导航 -->
    <div class="weui-tabbar weui-tabbar-flex">
        <a href="javascript:;" class="weui-tabbar__item">
            <i class="icon icon-27 f27 weui-tabbar__icon"></i>
            <p class="weui-tabbar__label">首页</p>
        </a>
        <a href="javascript:;" class="weui-tabbar__item weui-bar__item_on">
            <span style="display: inline-block;position: relative;">
                <i class="icon icon-28 f27 weui-tabbar__icon"></i>
                <span class="weui-badge" style="position: absolute;top: -2px;right: -13px;">8</span>
            </span>
            <p class="weui-tabbar__label">购物车</p>
        </a>
        <a href="javascript:;" class="weui-tabbar__item">
                <span style="display: inline-block;position: relative;">
                    <i class="icon icon-29 f27 weui-tabbar__icon"></i>
                    <span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -6px;"></span>
                </span>
            <p class="weui-tabbar__label">产品</p>
        </a>
        <a href="javascript:;" class="weui-tabbar__item ">
            <i class="icon icon-30 f27 weui-tabbar__icon" ></i>
            <p class="weui-tabbar__label">我的中心</p>
        </a>
    </div>

</body>
</html>